<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="edge" />
    <title>[[#{system.title}]]</title>
    <link rel="shortcut icon" type="image/png" th:href="@{/img/favicon.ico}" />
    <!-- add version by aaron 2018.12.17 -->
    <!-- Vendor styles -->
    <link rel="stylesheet" data-th-href="@{css/material-design-iconic-font/css/material-design-iconic-font.min.css}">
    <link rel="stylesheet" data-th-href="@{css/tpv/iconfont.css(t=${version})}"> <!-- add icon font by aaron.wei 2019.01.22 -->
    <link rel="stylesheet" data-th-href="@{css/jquery.scrollbar/jquery.scrollbar.css}">
    <!-- App styles -->
    <link rel="stylesheet" data-th-href="@{css/app.css(t=${version})}">
    <!-- Bootstrap Table modify by aaron.wei 2018.12.21 -->
    <link rel="stylesheet" data-th-href="@{css/bootstrap-table/bootstrap-table-tpv.css}">
    <!-- animate -->
    <link rel="stylesheet" data-th-href="@{css/animate/animate.min.css}">
    <!-- multiple-select -->
    <link rel="stylesheet" data-th-href="@{css/multiple-select/multiple-select.css}">
    <!-- jsTree -->
    <link rel="stylesheet" data-th-href="@{css/jsTree/style.min.css}">
    <!-- treeTable -->
    <link rel="stylesheet" data-th-href="@{css/jqTreeGrid/jquery.treegrid.css}">
    <!-- sweetalert2 -->
    <link rel="stylesheet" data-th-href="@{css/sweetalert2/sweetalert2.css}">
    <!-- datarangepicker -->
    <link rel="stylesheet" data-th-href="@{css/daterangepicker/daterangepicker.css}">
    <!-- tpv style -->
    <link rel="stylesheet" data-th-href="@{css/tpv/style.css(t=${version})}">
	<!-- add version by zhongxiang.huang 2018.12.29 -->
    <link rel="stylesheet" data-th-href="@{css/tpv/meeting.css(t=${version})}">
    <script data-th-inline="javascript">
        var LANGUAGE_CODE = [[#{language}]];
    </script>

    <link rel="stylesheet" data-th-href="@{css/bootstrap-datetimepicker/bootstrap-datetimepicker.css}">
    <link rel="stylesheet" th:href="@{css/iCheck/minimal/tpv.css(t=${version})}" type="text/css">

    <link rel="stylesheet" data-th-href="@{css/bootstrap-calendar/calendar.css(t=${version})}">
</head>
<body th:data-ma-theme="blue">
    <div data-th-include="common/common"></div>
    <main class="main">
        <div data-th-include="common/header"></div>
        <div data-th-include="common/aside"></div>
        <div data-th-include="common/main"></div>
    </main>
    <div data-th-include="system/user/updatePassword"></div>
</body>
<script data-th-inline="javascript">
	var ctx = [[@{/}]];
	var currentUserId = [[${user.userId}]];
	var userName = [[${user.username}]];
	var sessionId = [[${sessionId}]];
	//var theme = [[${user.theme}]];
    var theme = "blue";
    var avatar = ctx + "img/avatar/" + [[${user.avatar}]];
    //初始化方法
    util.common.init();
    //国际化分页
    $.extend($.fn.bootstrapTable.defaults, $.fn.bootstrapTable.locales[LANGUAGE_CODE]);
</script>
<script data-th-src="@{js/stomp/stomp.min.js}"></script>
<script data-th-src="@{js/sockjs-client/dist/sockjs.min.js}"></script>
<script data-th-src="@{js/app/index.js(t=${version})}"></script>
</html>
